<template>
  <!-- 添加或修改回款对话框 -->
  <st-form-panel title="新增回款单" v-loading="loading">
    <div slot="btm">
      <el-button type="primary" @click="save">保 存</el-button>
      <el-button type="primary" @click="$emit('list')">返 回</el-button>
    </div>
    <div slot="content">
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-row>
          <el-col :span="11">
            <el-form-item label="关联回款计划:" prop="planId">
              <el-input readonly  v-model="form.planName" placeholder="请选择回款计划" >
                <el-button slot="append" @click="receivablesPlanSelect" icon="el-icon-search"></el-button>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="回款日期：" prop="returnTime">
              <el-date-picker
                v-model="form.returnTime"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="请输入回款日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="11">
            <el-form-item label="回款方式：" prop="returnType">
              <el-select
                v-model="form.returnType"
                placeholder="请选择"
                clearable
              >
                <el-option
                  v-for="dict in dict.type.receivables_plan_returntype"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="11">
            <el-form-item label="回款金额:" prop="money">
              <el-input-number v-model="form.money" placeholder="请输入回款金额" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="22">
            <el-form-item label="备注:" prop="remark">
              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </st-form-panel>
</template>
<script>
export default {
  dicts:['receivables_plan_returnType'],
  data() {
    return {
      form:{},
      loading:false,
      rule:{},

    }
  },
  methods: {
    save(){

    },
  }
}
</script>
<style scoped lang="scss">

::v-deep .el-radio{
  margin-right: 5px;
}
.el-select {
  width : 100%;
}
.el-input-number{
  width: 100%;
}
.el-date-editor{
  width: 100%;
}
</style>
